<%--
  Date: 2017/7/10
  Time: 16:05
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/view/common/conmont.jspf" %>
<html>
<head>
    <title>商品采购</title>
    <script type="text/javascript">
      // 初始化 数据表格
      function initDatagrid() {
          $("#dg").datagrid({
//              它的数据是动态添加的
              <%--url:'${webRoot}/goods/selectPage', --%>
              fitColumns:true,//自适应网格
              nowrapL:true,
              idField:'supId',
              rownumbers:true,//显示行号
              pagination:true,//底部显示分页条
              pageSize:5,//分页5条
              pageList:[3,5,10,15,20],//初始化页面显示条数
              //  设置toolbar 的样式 ；linkbutton
              toolbar: [{
                  iconCls: 'icon-add',
                  text:'新增',
                  handler: function(){
                      parent.$('#win').window({
                          width:600,
                          height:400,
                          title:"选择商品",
                          modal:true,
                          content:"<iframe src='${webRoot}/base/buyermanage/choosegoods' height='100%' width='100%' frameborder='0px' ></iframe>"
                      });
                  }
              },'-',{
                  iconCls: 'icon-remove',
                  text:'移除',
                  handler: function(){
                      /**
                       * 1. 获取选中的选项
                       * 2. 弹出删除提示框
                       * 3. 提交删除请求
                       * 4. 提交成功 重新刷新页面
                       * 5. 删除完成后清空已选数据
                       * */
//                        1 返回所有被选中的行(对象)
                      var array = $("#dg").datagrid("getSelections");
                      if(array.length>0){
                          for(var i=array.length-1;i>=0;i--){
//                              ids[i]=array[i].supId;
//                              console.log(array[i]);
                              var index = $("#dg").datagrid("getRowIndex",array[i]);
//                              查看已选项
                                alert('确定删除 ' + index);
                              $("#dg").datagrid('deleteRow',index);
                          }
//                         2 弹框进行确认
/*                          $.messager.confirm('确认','您确认想要删除选中的数据吗？',function(r){
//                            3 通过datagrid 移除选中的item

                          });*/
                      }else {
                          alert("没有选中项");
                      }

                  }
              },'-',{
                  iconCls: 'icon-ok',
                  text:'确认采购',
                  handler: function(){
                      /**
                       * 1. 获取选中的数据
                       * 2. 获取表单中的参数
                       * 3. 提交给Action 保存到数据库
                       * */
                      var array = $("#dg").datagrid("getRows");
                      if(array.length>0){
                          for(var i=array.length-1;i>=0;i--){
//                              ids[i]=array[i].supId;
//                              console.log(array[i]);
                              var index = $("#dg").datagrid("getRowIndex",array[i]);
//                              查看已选项
                              alert('确定删除 ' + index);
                              $("#dg").datagrid('deleteRow',index);
                          }
//                         2 弹框进行确认
                        $.messager.confirm('确认','确认提交！！',function(r){
                                alert("也是");
                        });
                      }

                  }
              }],
              columns : [ [{
                  //新增一列
                  checkbox:true,
              },{
                  field : 'goodsId',
                  title : '商品编号',
                  width : 100
              }, {
                  field : 'goodsName',
                  title : '商品名称',
                  width : 100
              }, {
                  field : 'goodsBuyPrice',
                  title : '进价',
                  width : 100,
                  align : 'right'
              } , {
                  field : 'bodAmount',
                  title : '采购数量',
                  width : 100,
                  align : 'right'
              }, {
                  field : 'bodBuyPrice',
                  title : '总价',
                  width : 100,
                  align : 'right'
              },{
                  field : 'bodImeiList',
                  title : '串号',
                  width : 100,
                  align : 'right'
              }] ]
          });
      }

//   点击添加供应商 弹窗
        function selectSupplier() {
            $("#supName").click(function () {
                parent.$("#win").window({
                    title:'请选择供应商',
                    width:600,
                    height:400,
                    modal:true,
                    content:"<iframe src='${webRoot}/base/buyermanage/choosesupplier' height='100%' width='100%' frameborder = '0px'></iframe>"
                });
            });
        }
    </script>
    <script type="text/javascript">
        $(function() {
  /*          $("[name='supName']").validatebox({
                required : true,
                missingMessage : '请填写供应商！'
            });
            $("[name='supLinkman']").validatebox({
                required : true,
                missingMessage : '请填写出联系人！'
            });
            $("[name='supPhone']").validatebox({
                required : true,
                missingMessage : '请填写联系电话！'
            });*/
            //禁用验证
            $("#ff").form("disableValidation");
            initDatagrid();
            selectSupplier();
         $("#btn").click(function() {
                $("#ff").form("enableValidation");
                if ($("#ff").form("validate")) {
//                  表单参数自动序列化 提交
                    $('#ff').form('submit', {
                        url : '${webRoot}/supplier/insertSup',
                        onSubmit : function() {
                            return true;
                        },
                        success : function(count) {
                            //可以定义为对应消息框
                            if(count>0){
                                alert("成功");
                                parent.$("#win").window("close");
                                getTabWindow().$("#dg").datagrid("reload");
                            }else {
                                alert("插入失败")
                            }

                        }
                    });

                }else {
                    alert("请完成输入");
                }

            });

        });
    </script>
</head>
<body>
<form style="padding:15px;margin:0px;background:#eee;" id="ff" action="">
    请填写采购信息：<br>
    供应商：<input type="text" id="supName" name="supName"/>
    <%--从供应商列表中选中的供应商--%>
    <input type="hidden" id="supId" name="supId">
    仓库：<input type="text" id="shId" name="shId"/>
    日期：<input  type="text" id="boDate" class="easyui-datebox" name="boDate" required="required">
    应付：<input type="text" id="boPayable" name="boPayable"/>
    <br>
    已付：<input type="text" id="boPaid" name="boPaid"/>
    欠款：<input type="text" id="boArrears" name="boArrears"/>
    原始单号：<input type="text" id="boOriginal" name="boOriginal"/>
    <br>
    经手人：<input type="text" id="boAttn" name="boAttn"/>
    操作员：<input type="text" id="boOperator" name="boOperator"/>
    备注：<input type="text" id="boRemark" name="boRemark"/>
</form>
<table id="dg"></table>



</body>
</html>
